@import url(../base.less);
@import url(../../../css/theme/red.less);
@login_blue: #d40000;
@login_bg: #fff8f7;
@aside_child_bg: #f8dad5;
@blue: @red;
@blueOpacity: #f9e7e7;
@themeBlueColor: #ff1818;
@dark_blue: #b02b2b;
@blue: #d40000;
@light_blue: #ff1818;

/*layui  改写*/
.layui-laydate-linkage .layui-laydate-content td.laydate-selected > div {
  background: @blueOpacity !important;
}
/*按钮*/
.btn-default-self {
  border: 1px solid @gray_d6 !important;
  color: @gray_55 !important;
  background: @white !important;
  &:hover {
    border-color: @blue !important;
    color: @blue !important;
    background: @blueOpacity !important;
  }
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
  }
}
.btn-info-self {
  background: @blue;
  border: 1px solid @blue;
  color: @white !important;
  &:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &[disabled]:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
    background-color: @themeBlueColor !important;
    border-color: none !important;
  }
}
/*头部导航*/
.headTab {
  background: @white;
  .treeLeft {
    color: @gray_33;
    &.disabled {
      color: @gray_99;
    }
  }
  .treeRight {
    color: @gray_33;
    &.disabled {
      color: @gray_99;
    }
  }
  .treeMain {
    a {
      border: 1px solid @gray_e6;
      background: @white;
      box-shadow: 0 0 5px @gray_e6;
      color: @gray_66;
      .icon-close-X {
        color: @gray_d6;
        &:hover {
          color: @red;
        }
      }
      &:hover {
        color: @blue;
      }
      &.active {
        background-color: @blue;
        color: @white;
        .icon-close-X {
          color: @white;
        }
      }
    }
  }
  .treeOper {
    .iconfont {
      color: @gray_66 !important;
    }
    .item {
      color: @gray_44;
      &:hover {
        color: @blue;
      }
    }
  }
}
/**修改默认ElementUi样式*/
.compant_child_body {
  background: @gray_f9;
}

/*通用的*/
#loadingBox {
  .loading {
    color: @gray_99;
    &::before {
      border: 4px solid @gray_99;
      border-bottom-color: @blue;
    }
  }
}
.company_comModal {
  border-radius: 0.2em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: @white;
  min-height: 50px;
}
.company_formItem {
  .clearValue {
    color: @gray_99;
  }
  .requeid {
    border-color: @red;
    &:focus {
      border-color: @red !important;
      .boxShadow(0, 0, 2px, @red);
    }
  }

  .errorText {
    color: @red;
  }

  .dropdown {
    .btn {
      .close-select {
        &:hover {
          color: @red;
        }
      }
    }
  }
}
.company_grayTitle {
  background: @gray_f1;
  color: @gray_66;
  border: 1px solid @gray_e6;
}

.comSelectBox {
  .comSelectInput {
    position: relative;
    .iconfont {
      color: @gray_99;
    }
  }

  .comSelectDownList {
    background: @white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    li {
      &:hover {
        color: @blue;
      }

      &.active {
        background: @blue;
        color: @white;
      }
      &.checkBoxItem {
        &:hover {
          color: @gray_66;
          .text {
            color: @blue;
          }
        }
        &.active {
          background: rgba(253, 202, 202, 0.1);
          color: @blue;
          .iconfont {
            color: @blue !important;
          }
        }
        .iconfont {
          color: @gray_66;
        }
      }
    }
  }
}
.picListBox {
  .item {
    .closePic {
      color: @red;
    }
    &.fileItem {
      border: 1px dashed @gray_d6;
      .iconfont {
        color: @gray_e6;
      }
    }
  }
}
/*流程*/
.flowPathModal {
  background: @white;

  .flowPath {
    .flowItem {
      border: 1px solid @gray_d6;
      background: @white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

      .statusName {
        border: 2px solid @gray_d6;
        color: @gray_99;
      }

      .text2 {
        color: @gray_99;
      }

      &.completed {
        border-color: #9dc1fb;
        background: rgb(235, 242, 250);

        .statusName {
          border: 2px solid @blue;
          color: @blue;
        }
      }

      &.inProgress {
        border-color: #fbdd9d;
        background: rgb(254, 249, 233);

        .statusName {
          border: 2px solid @orange;
          color: @orange;
        }
      }
    }

    .flowImg {
      color: @gray_99;
    }
  }
}
/*新样式*/
#homePage {
  .taskCenter {
    .item {
      .iconfont {
        background: @login_bg;
        color: @gray_99;
        .number {
          color: @white;
          background: @red;
        }
      }
      .text {
        color: @gray_66;
      }
      &:hover {
        .iconfont {
          background: @blue;
          color: @white;
        }
        .text {
          color: @blue;
        }
      }
    }
  }
  .usedFun {
    .item {
      .iconfont {
        background: @login_bg;
        color: @gray_99;
      }
      .text {
        color: @gray_66;
        transition: all 0.3s;
      }
      &:hover {
        .iconfont {
          background: @blue;
          color: @white;
        }
        .text {
          color: @blue;
        }
      }
    }
  }
  .noticeList {
    .title {
      color: @gray_33;
    }
    li {
      .date {
        color: @gray_99;
      }
      &::before {
        content: "";
        background: @light_blue;
      }
      .time {
        color: @gray_99;
      }
      &:hover {
        color: @light_blue;
        .time {
          color: @light_blue;
        }
      }
    }
  }
  .com_title {
    .text {
      color: @gray_55;
    }
    .titleMore {
      float: right;
      color: @gray_99;
    }
  }
}

/*统计*/
.totalSum {
  background: @gray_f1;
  .text {
    display: inline-block;
    margin-right: 40px;
    color: @gray_99;
  }
}
.myTreeTable {
  thead {
    th,
    td {
      background: @gray_f9 !important;
    }
  }
  td,
  th {
    border: 1px solid @gray_e4 !important;
    &.operCell {
      .iconfont {
        color: @blue;
      }
    }
  }
}
.tableOperBox {
  .redBox {
    background: @red_orange;
  }
}
.columnsBox {
  border: 1px solid @gray_d6;
  background: @white;
  .title {
    background: @gray_f9;
    border-bottom: 1px solid @gray_d6;
  }
}
.tableRadioBox {
  .layui-form-radio,
  .layui-form-checkbox {
    margin-right: 15px;
    &:hover {
      color: @blue !important;
      > * {
        color: @blue !important;
      }
    }
    &.layui-form-radioed,
    &.layui-form-checked {
      color: @blue !important;
      > * {
        color: @blue !important;
      }
    }
  }
}
.layui-laydate {
  .layui-laydate-footer {
    span {
      &:hover {
        color: @blue !important;
      }
    }
  }
}
//文件弹窗
#fileOperateDialog {
  .fileItem {
    border: 1px solid @gray_d6;
    &.active {
      border-color: @blue;
      color: @blue;
    }
  }
}
.fundIndex {
  .noticeList {
    padding: 5px 15px;
    list-style: none;
    li {
      &::before {
        content: "";
        background: @light_blue;
      }
      .time {
        position: absolute;
        right: 0;
        top: 0;
        color: @gray_99;
      }
      &:hover {
        color: @light_blue;
        .time {
          color: @light_blue;
        }
      }
    }
    &.accountNotice {
      li {
        &::before {
          content: "";
          background: @red;
        }
      }
    }
  }
  .fundList {
    .listHead {
      background: @gray_e6;
    }
    .listBox {
      .flex {
        border-bottom: 1px solid @gray_d6;
      }
    }
  }
  .fundTotalVirw {
    .item {
      color: @gray_66;
    }
  }
  .fundTotalVirw2 {
    .item {
      color: @gray_66;
      &:last-child {
        border-left: 1px solid @gray_d6;
      }
    }
    .more {
      color: @gray_99;
    }
  }
  .fundTotalVirw3 {
    > .flex-1 {
      &:last-child {
        border-left: 1px solid @gray_d6;
      }
      .item {
        color: @gray_66;
      }
      .more {
        color: @gray_99;
      }
    }
  }
}
.noDataBox {
  span {
    color: @gray_99;
  }
}
